<template>
  <div>
    <!-- 数组解构 -->
    <div v-for="(lang, index) in ['vue2', 'vue3', 'JavaScript', 'TypeScript']" :key="index"></div>

    // 对象解构+索引
    <div 
        v-for="(value, key, index) in {
            name: '王大冶',
            age: 26,
            job: '前端开发'
        }"
        :key="key"
    >
    </div>
    // #1 name: 王大冶  #2 age: 26    #3 job: 前端开发

    // 字符串解构
    <div v-for="character in 'Hello, World'" :key="index"></div>
    // 单独打印字符串 'Hello, World

  </div>
</template>
<script setup lang='ts'>
import { ref,reactive} from 'vue'
</script>
<style scoped lang='scss'>
</style>